import React, { Component } from 'react';
import {Button, Row, Col, } from 'antd';
import './Market.less';

import SearchBar from '../Component/SearchBar';
import CardTop from '../Component/Market/CardTop';
import CardNormal from '../Component/Market/CardNormal';

export default class Balance extends Component {
    onChange(index) {
        // console.log(index);
    }

    // icon、title、company、price、before_price、description、isdiscount、discount
    //{"icon":require('../img/OEM-icon/comp1.jpg'),"title":"微购儿 微信小程序购物微商...","company":"深圳市网商天下科技开发有限公司","price":"9元","before_price":"108元","description":"电商 超市 母婴 全部行业 电商...","isdiscount":true,"discount":"0.4折"}
    render() {
        let array_Selected = [
            {"icon":require('../img/OEM-icon/comp1.jpg'),"title":"场景录小程序商城腾讯云特...","company":"微信和他的小伙伴们成都信息技...","price":"99元","before_price":"","description":"全部行业 电商类小程序","isdiscount":false,"discount":"","link":""},
            {"icon":require('../img/OEM-icon/comp1.jpg'),"title":"微购儿 微信小程序购物微商...","company":"深圳市网商天下科技开发有限公司","price":"9元","before_price":"108元","description":"电商 超市 母婴 全部行业 电商...","isdiscount":true,"discount":"0.4折","link":""},
            {"icon":require('../img/OEM-icon/comp1.jpg'),"title":"家居行业小程序 家居用品电...","company":"湖南聚宝盆网络技术有限公司","price":"99元","before_price":"698元","description":"直播","isdiscount":true,"discount":"0.4折","link":""},
            {"icon":require('../img/OEM-icon/comp1.jpg'),"title":"微信 小程序 9元试用 20大行","company":"苏州八零后网络科技有限公司","price":"9元","before_price":"","description":"全部行业 小程序工具 电商类小...","isdiscount":false,"discount":"","link":""}
        ];

        let array_data = [
            {
                "title":"互联网应用","data":
                [
                    {"icon":require('../img/OEM-icon/comp1.jpg'),"title":"方维游戏直播系统...","company":"福建方维信息科技有限公司...","price":"88000元","before_price":"","description":"直播","isdiscount":false,"discount":"","link":""},
                    {"icon":require('../img/OEM-icon/comp1.jpg'),"title":"酷游宝：一站式游戏创作","company":"合肥市一酷网络科技有限公司","price":"99元","before_price":"60000元","description":"直播","isdiscount":true,"discount":"0.4折","link":""},
                    {"icon":require('../img/OEM-icon/comp1.jpg'),"title":"方维游戏直播系统","company":"福建方维信息科技有限公司","price":"88000元","before_price":"","description":"电商 直播","isdiscount":false,"discount":"","link":""},
                    {"icon":require('../img/OEM-icon/comp1.jpg'),"title":"NextApp游戏直播系统","company":"北京领团科技有限责任公司","price":"88000元","before_price":"100000元","description":"直播","isdiscount":true,"discount":"0.4折","link":""}
                ]
            },
            {
                "title":"大数据","data":
                [
                    {"icon":require('../img/OEM-icon/comp1.jpg'),"title":"方维游戏直播系统...","company":"福建方维信息科技有限公司...","price":"88000元","before_price":"","description":"直播","isdiscount":false,"discount":"","link":""},
                    {"icon":require('../img/OEM-icon/comp1.jpg'),"title":"酷游宝：一站式游戏创作","company":"合肥市一酷网络科技有限公司","price":"99元","before_price":"60000元","description":"直播","isdiscount":true,"discount":"0.4折","link":""},
                    {"icon":require('../img/OEM-icon/comp1.jpg'),"title":"方维游戏直播系统","company":"福建方维信息科技有限公司","price":"88000元","before_price":"","description":"电商 直播","isdiscount":false,"discount":"","link":""},
                    {"icon":require('../img/OEM-icon/comp1.jpg'),"title":"NextApp游戏直播系统","company":"北京领团科技有限责任公司","price":"88000元","before_price":"100000元","description":"直播","isdiscount":true,"discount":"0.4折","link":""}
                ]
            },
            {
                "title":"物联网","data":
                [
                    {"icon":require('../img/OEM-icon/comp1.jpg'),"title":"方维游戏直播系统...","company":"福建方维信息科技有限公司...","price":"88000元","before_price":"","description":"直播","isdiscount":false,"discount":"","link":""},
                    {"icon":require('../img/OEM-icon/comp1.jpg'),"title":"酷游宝：一站式游戏创作","company":"合肥市一酷网络科技有限公司","price":"99元","before_price":"60000元","description":"直播","isdiscount":true,"discount":"0.4折","link":""},
                    {"icon":require('../img/OEM-icon/comp1.jpg'),"title":"方维游戏直播系统","company":"福建方维信息科技有限公司","price":"88000元","before_price":"","description":"电商 直播","isdiscount":false,"discount":"","link":""},
                    {"icon":require('../img/OEM-icon/comp1.jpg'),"title":"NextApp游戏直播系统","company":"北京领团科技有限责任公司","price":"88000元","before_price":"100000元","description":"直播","isdiscount":true,"discount":"0.4折","link":""}
                ]
            },
            {
                "title":"移动开发","data":
                [
                    {"icon":require('../img/OEM-icon/comp1.jpg'),"title":"方维游戏直播系统...","company":"福建方维信息科技有限公司...","price":"88000元","before_price":"","description":"直播","isdiscount":false,"discount":"","link":""},
                    {"icon":require('../img/OEM-icon/comp1.jpg'),"title":"酷游宝：一站式游戏创作","company":"合肥市一酷网络科技有限公司","price":"99元","before_price":"60000元","description":"直播","isdiscount":true,"discount":"0.4折","link":""},
                    {"icon":require('../img/OEM-icon/comp1.jpg'),"title":"方维游戏直播系统","company":"福建方维信息科技有限公司","price":"88000元","before_price":"","description":"电商 直播","isdiscount":false,"discount":"","link":""},
                    {"icon":require('../img/OEM-icon/comp1.jpg'),"title":"NextApp游戏直播系统","company":"北京领团科技有限责任公司","price":"88000元","before_price":"100000元","description":"直播","isdiscount":true,"discount":"0.4折","link":""}
                ]
            },
            {
                "title":"游戏","data":
                [
                    {"icon":require('../img/OEM-icon/comp1.jpg'),"title":"方维游戏直播系统...","company":"福建方维信息科技有限公司...","price":"88000元","before_price":"","description":"直播","isdiscount":false,"discount":"","link":""},
                    {"icon":require('../img/OEM-icon/comp1.jpg'),"title":"酷游宝：一站式游戏创作","company":"合肥市一酷网络科技有限公司","price":"99元","before_price":"60000元","description":"直播","isdiscount":true,"discount":"0.4折","link":""},
                    {"icon":require('../img/OEM-icon/comp1.jpg'),"title":"方维游戏直播系统","company":"福建方维信息科技有限公司","price":"88000元","before_price":"","description":"电商 直播","isdiscount":false,"discount":"","link":""},
                    {"icon":require('../img/OEM-icon/comp1.jpg'),"title":"NextApp游戏直播系统","company":"北京领团科技有限责任公司","price":"88000元","before_price":"100000元","description":"直播","isdiscount":true,"discount":"0.4折","link":""}
                ]
            },
            {
                "title":"协同工作","data":
                [
                    {"icon":require('../img/OEM-icon/comp1.jpg'),"title":"方维游戏直播系统...","company":"福建方维信息科技有限公司...","price":"88000元","before_price":"","description":"直播","isdiscount":false,"discount":"","link":""},
                    {"icon":require('../img/OEM-icon/comp1.jpg'),"title":"酷游宝：一站式游戏创作","company":"合肥市一酷网络科技有限公司","price":"99元","before_price":"60000元","description":"直播","isdiscount":true,"discount":"0.4折","link":""},
                    {"icon":require('../img/OEM-icon/comp1.jpg'),"title":"方维游戏直播系统","company":"福建方维信息科技有限公司","price":"88000元","before_price":"","description":"电商 直播","isdiscount":false,"discount":"","link":""},
                    {"icon":require('../img/OEM-icon/comp1.jpg'),"title":"NextApp游戏直播系统","company":"北京领团科技有限责任公司","price":"88000元","before_price":"100000元","description":"直播","isdiscount":true,"discount":"0.4折","link":""}
                ]
            }
        ];

        return (
            <div className="block-bazaar">
              <SearchBar/>
              <Row className="row-slogan">
                <Col span={24}>
                  <img src={require('./../img/banner/2.png')} alt="banner" />
                  <article>
                    <h1>获取智慧云认证</h1>
                    <span>共享快速成长的云生态收益</span>
                    <p>
                      <Button size="large" ghost>成为合作商</Button>
                    </p>
                  </article>
                </Col>
              </Row>

              <CardTop data={array_Selected}/>{
                array_data.map(function (val,index) {
                    return  <CardNormal key={index} title={val.title} data={val.data}/>
                })}
              }
              <div className="bottom-space"/>
            </div>
        )
    }
}